#work-edit {
    background-color: #FFF;
    padding-left: 32px;
    overflow: auto;
    color: #5a5a5a;
    font-size: 16px;
    min-width: 200px;

    .edit-group {
        margin-bottom: 40px;
        position: relative;

        label {
            font-weight: 300;
            line-height: 1.88;
            width: 80px;
            display: inline-block;
            vertical-align: top;
        }

        input, textarea {
            width: calc(100% - 100px);
        }

        input, select {
            padding-left: 7px;
        }

        input {
            border-radius: 4px;
            border: solid 1px #BFBFBF;
            height: 32px;
            outline: none;
        }

        .validate-msg {
            position: absolute;
            left: 80px;
            bottom: -25px;
            font-size: 12px;
            color: #ff455e;
        }

        input.overflow, textarea.overflow {
            border-color: #ff455e;
        }

        select {
            font-size: 14px;
            width: 192px;
            height: 32px;
            border-radius: 4px;
            border-color: #bfbfbf;
        }

        textarea {
            outline: none;
            font-size: 14px;
            font-weight: 300;
            line-height: 1.57;
            height: 370px;
            color: #282828;
            background-color: #F7F7F7;
            hyphens: manual;
            resize: none;
            padding: 10px;
            border-radius: 4px;

            &:active, &:focus {
                border-color: #282828;
            }
        }

        .word-count {
            position: absolute;
            bottom: -20px;
            right: 25px;
            color: #979797;
        }
    }

    .btn-group {
        text-align: right;
        width: calc(100% - 20px);

        a {
            margin-right: 24px;
            padding-right: 24px;
            height: 24px;
            color: #757783;
            border-right: solid 1px #d7d7d7;
            text-decoration: underline;
        }

        .save {
            background: transparent;
            border: 1px solid #5a5a5a;
            color: #282828;

            &:hover {
                background: #5a5a5a;
                border: none;
                color: #FFF;
            }
        }

        .publish {
            border: none;
            background: #00a7b3;
            color: #fff;

            &:hover {
                background: #008a99;
            }
        }
    }

    button {
        height: 40px;
        border-radius: 4px;
        text-align: center;

        &.save {
            width: 160px;
            border: solid 1px #979797;
            margin-right: 24px;
        }
        &.publish {
            width: 240px;
            background-color: #00a7b3;
            color: #FFF;
            border: solid 1px #979797;
        }
    }
}